﻿<%@ Page 
  Language="C#" 
  AutoEventWireup="true" 
  
  CodeFile="demoDualListBox.aspx.cs" 
  Inherits="CSS_DualListBox_demoDualListBox" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register Namespace="MyControl" TagPrefix="my" %>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
  <title></title>
  <link href="demoDualListBox.css" rel="stylesheet" type="text/css" />
  <script src="http://code.jquery.com/jquery-1.6.2.min.js" type="text/javascript"></script>
  <script src="jQuery.dualListBox-1.3.js" type="text/javascript"></script>
  <script language="javascript" type="text/javascript">
    $(function() {
      $.configureBoxes();
    });    </script>
</head>
<body>
    <form id="form1" runat="server">
    
    <div class="dual-listbox clearfix">
      <div class="select-wrapper">
        <asp:TextBox ID="box1Filter" runat="server" />
        <asp:ImageButton ID="box1Clear" CssClass="clear-button" runat="server" ImageUrl="images/Clear.png" />
        <my:MyListBox ID="box1View" SelectionMode="Multiple" runat="server" />
        <my:MyListBox ID="box1Storage" SelectionMode="Multiple" runat="server" />
      </div>
      
      <ul>
        <li><asp:ImageButton ID="to2" runat="server" ImageUrl="images/MoveToR.png" /></li>
        <li><asp:ImageButton ID="allTo2" runat="server" ImageUrl="images/AllToR.png" /></li>
        <li><asp:ImageButton ID="allTo1" runat="server" ImageUrl="images/AllToL.png" /></li>
        <li><asp:ImageButton ID="to1" runat="server" ImageUrl="images/MoveToL.png" /></li>
      </ul>
      
      <div class="select-wrapper">
        <asp:TextBox ID="box2Filter" runat="server" />
        <asp:ImageButton ID="box2Clear" CssClass="clear-button" runat="server" ImageUrl="images/Clear.png" />
        <my:MyListBox ID="box2View" SelectionMode="Multiple" runat="server" />
        <my:MyListBox ID="box2Storage" SelectionMode="Multiple" runat="server" />
      </div>
      
      <br />
    </div>
    
    <div>
      <asp:Label ID="Result" runat="server" />
      <asp:Button 
        ID="Submit" 
        runat="server" 
        OnClick="Submit_Click"
        Text="Submit" />
    </div>    

  
  
  
      
    </form>
</body>
</html>
